<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2017/12/4
  Time: 21:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>亚细亚汽车销售后台管理系统</title>
    <!-- ZUI 标准版压缩后的 CSS 文件 -->
    <link href="/admin/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="/admin/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="/admin/css/animate.min.css" rel="stylesheet">
    <link href="/admin/css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link href="/admin/frame/iCheck/custom.css" rel="stylesheet">

    <!-- IE8兼容性处理代码  begin-->
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- Respond.js proxy on external server -->
    <link href="http://externalcdn.com/respond-proxy.html" id="respond-proxy" rel="respond-proxy"/>
    <!-- Respond.js redirect location on local server -->
    <link href="/admin/ie/respond.proxy.gif" id="respond-redirect" rel="respond-redirect"/>
    <!-- Respond.js proxy script on local server -->
    <!--   <script src="../ie/respond.proxy.js"></script>-->
    <!-- IE8兼容性处理代码  end -->
    <script src="/admin/frame/jquery/jquery-1.9.1.min.js"></script>
    <!-- ZUI 标准版压缩后的 JavaScript 文件 -->
    <script src="/admin/frame/bootstrap/js/bootstrap.min.js"></script>
    <script src="/admin/frame/iCheck/icheck.min.js"></script>
    <style type="text/css">
        body {
            background: url("/admin/img/bg.png");
        }
    </style>
</head>
<body>
<div class="container-fluid">
    <div class="modal fade in" style="display: block;margin-top: 120px;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">欢迎使用亚细亚汽车销售后台管理系统</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" action="/Admin/System/userLogin" id="login_form" method="post">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">用户名：</label>
                            <div class="col-sm-10">
                                <input type="text" required minlength="5" maxlength="11" name="identity"
                                       class="form-control" placeholder="请输入用户名">

                                <c:if test="${msg != null}">
                                    <label id="token-error" class="error"><i class="fa fa-times-circle"></i>${msg.msg}
                                    </label>
                                </c:if>
                            </div>

                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">密码：</label>
                            <div class="col-sm-10">
                                <input type="password" required minlength="6" maxlength="16" name="token"
                                       class="form-control " placeholder="请输入用户密码">
                            </div>
                        </div>
                        <c:if test="${IDENTIFY_CODE_OPEN eq 'YES'}">
                            <div class="form-group">
                                <label class="col-sm-2 control-label">验证码：</label>
                                <div class="col-sm-4">
                                    <input required type="text" name="identifyCode" class="form-control"
                                           placeholder="验证码">
                                </div>
                                <div class="col-sm-4">
                                    <img id="imgVerification" src="/Admin/System/imgValidateCode" width="80" height="30">
                                </div>
                            </div>

                        </c:if>


                        <div class="form-group">
                            <label class="col-sm-2 control-label"></label>
                            <div class="col-sm-8">
                                <input type="checkbox" value="true" name="rememberMe" class="i-checks">下次自动登录</label>
                            </div>

                        </div>
                    </form>
                    <div class="modal-footer">
                        <div class="row">
                            <div class="col-sm-offset-2 col-sm-8">
                                <button id="login_btn" type="submit" class="btn btn-primary" style="width: 100%">立即登录
                                </button>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="/admin/frame/layer/layer.js"></script>
<script type="text/javascript" src="/admin/js/myPlug.js"></script>
<script src="/admin/frame/jquery-validate/jquery.validate.min.js"></script>
<script src="/admin/frame/jquery-validate/messages_zh.min.js"></script>
<script>
    $().ready(function() {
        $("#login_form").validate();
    });
</script>
<script type="text/javascript">
    $(function () {
        $(".i-checks").iCheck(
            {checkboxClass: "icheckbox_square-green", radioClass: "iradio_square-green",})
        $("#imgVerification").on("click", function () {
            $(this).attr("src", "/Admin/System/imgValidateCode?" + Math.random());
        });
    })
    $("#login_btn").on("click", function () {
        $("#login_form").submit();
    });
</script>
</html>
